<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>BackGrid Complete example (Recommended!)</title>

<link rel="stylesheet" href="../../../lib/bootstrap/3.3.5/css/bootstrap.min.css"/>
<link rel="stylesheet" href="../../../lib/backgrid/0.3.5/backgrid.min.css">
<link rel="stylesheet" href="../../../lib/backgrid/0.3.5/backgrid-select-all.css">
<link rel="stylesheet" href="../../../node_modules/backgrid/0.3.5/backgrid-paginator.css">
<link rel="stylesheet" href="../../../lib/backgrid/0.3.5/backgrid-filter.css">
<!--
<link rel="stylesheet" href="../../css/styles.css" />
<link rel="stylesheet" href="../../css/layout.css" />
-->

</head>
<body>
	<!--
	<div id="app" class="container">
	-->
	<div class="container-fluid">

	<div class="row">
		<div class="col-sm-12">
			<h3 class="page-header text-center">
			原始FTP数据文件管理<br />  <small>(Raw FTP Uploaded File Management)</small>
			</h3>
		</div>
	</div>

	<div class="row">
		<div class="col-sm-12">
			<div class="col-sm-2">
				<button class="btn btn-default " >删除选中记录</button>
			</div>
			<form id="search" class="form-group">
				<div class="col-sm-offset-4 col-sm-3">
					<input id="searchQuery" name="query" type="text" style="float:right" class="form-control" required />
				</div>
				<div class="col-sm-2">
					<button id='search' class="btn btn-outline btn-block btn-success save"><strong>搜索</strong></button>
				</div>
				<div class="col-sm-1 text-left vertical-middle-sm">
					<h5><strong>
						<a role="button" data-toggle="collapse" href="#advancedsearch" aria-expanded="false" aria-controls="advancedsearch">高级...</a>
					</strong></h5>
				</div>
			</form>
		</div>
	</div>

	<div class="row">
		<div class="row">
			<div class="col-sm-12">
				<br/>
			</div>
		</div>

		<div class="collapse col-sm-12" id="advancedsearch">
			<div class="well">
				<div>
					<form class="form-horizontal contract-form">

						<div class="form-group">
							<label class="col-sm-1 control-label">Begin Time</label>
							<div class="col-sm-4">
								<input id="begintime" name="begintime" type="text" class="form-control" required />
							</div>
							<label class="col-sm-3 control-label">End Time</label>
							<div class="col-sm-4">
								<input id="endtime" name="endtime" type="text" class="form-control" required />
							</div>
						</div>

						<div class="form-group">
							<label class="col-sm-1 control-label">Logger Id</label>
							<div class="col-sm-4">
								<input id="deviceid" name="deviceid" type="text" class="form-control" required />
							</div>
						</div>

						<div class="form-group">
							<div class="col-sm-offset-9 col-sm-1">
								<button class="btn btn-outline btn-block btn-warning">清除</button>
							</div>
							<div class="col-sm-2">
								<!--
								<button id='submitbutton' type="submit" class="btn btn-outline btn-lg btn-block save">Submit</button>
								-->
								<button id='submitbutton' class="btn btn-outline btn-block btn-success save">提交</button>
							</div>
						</div>

					</form>
				</div>
			</div>
		</div> <!-- advancedsearch -->
	</div>

	<div class="row">
		<div class="col-sm-12">
			<div id="winetile">
				Object Tile Area for Listing and Addnew/Editing
			</div>
		</div>
	</div>

	</div> <!-- container -->

	<script type="text/template" id="tpl_winetile">
	<div id="winetile">
		<div id="objecteditor">object editor
			here. If you see this, it means the object list view or object item
			view are not displayed successfully!
		</div>
	</div>
	</script>

	<script type="text/template" id="tpl_itemlist">
	<div id="itemlist">
		<div id="backgrid" class="backgrid-container">If you see this, it means the backgrid is not displayed properly</div>
	</div>
	</script>

	<!--
	<script src="../../lib/jquery-1.11.0.js"></script>
	-->
    <script src="../../lib/jquery/2.1.4/jquery-2.1.4.min.js"></script>
    <script src="../../lib/bootstrap/3.3.5/js/bootstrap.min.js"></script>
	<!--
	<script src="../../lib/jquery-1.11.0.js"></script>
    <script src="../../lib/bootstrap/bootstrap.min.js"></script>
	-->
	<script src="../../lib/underscore/1.8.3/underscore-min-1.8.3.js"></script>
	<script src="../../lib/backbone/1.2.2/backbone.js"></script>
	<!--
	<script src="../../lib/backgrid/backbone-pageable.js"></script>
	-->
	<script src="../../lib/backbone.paginator/1.2.2/backbone.paginator.min.js"></script>
	<script src="../../lib/backgrid/0.3.5/backgrid.min.js"></script>
	<script src="../../lib/backgrid/0.3.5/backgrid-select-all.js"></script>
	<script src="../../lib/backgrid/0.3.5/backgrid-paginator.js"></script>
	<script src="../../lib/backgrid/0.3.5/backgrid-filter.js"></script>

	<script src="ftpview-v2.js"></script>

</body>
</html>
